<script setup lang="ts">
/**
 * 位置替换滤镜
 */
</script>
<template>
    <div class="feTurbulence">
        <svg>
            <defs>
                <filter id="turbulence">
                    <!-- 位置替换滤镜 -->
                    <feTurbulence
                        type="fractalNoise"
                        baseFrequency=".01"
                        numOctaves="10"
                    />
                    <!-- 位置替换滤镜、映射置换滤镜、像素位移滤镜 / 错位滤镜 -->
                    <feDisplacementMap in="SourceGraphic" scale="240" />
                </filter>
            </defs>
        </svg>
        <img
            src="../../../../../../assets/author_avatar.png"
            style="filter: url(#turbulence)"
            alt=""
        />
    </div>
</template>

<style scoped lang="scss"></style>
